<script setup>
import { ref, reactive, watch } from 'vue'
import { getSfk, getSxdata } from '@/api/data'
import 'echarts/lib/component/dataZoom'
import 'echarts/lib/component/legend'
import { getWeekTime, getMW, getYMDHMS } from '@/utils'

// loading
const isLoading = ref(true)

// 上次查询时间
const lastTime = ref('')
const nowTime = ref('')
lastTime.value = getYMDHMS(1721109724000)
nowTime.value = getYMDHMS(1721119724000)
console.log(lastTime)
</script>

<template>
  <div class="security-box">
    <h2>防伪查询</h2>
    <van-row>
      <van-col span="24" class="code">11616061200000000913413979131194</van-col>
      <van-col span="24" class="code">
        <span
          >此产品已被查询 <van-tag mark type="success" round class="custom-tag">10</van-tag>次！
        </span>
      </van-col>
    </van-row>
    <van-cell-group  style="margin-top: 20px;">
      <van-cell title="上次查询时间：" :value="lastTime" />
      <van-cell title="产品名称：" value="30%丙硫菌唑可分散油悬浮剂" />
      <van-cell title="查询时间：" :value="nowTime" />
      <van-cell title="查询反馈：" value="该产品已被查询多次，谨防假冒！" />
    </van-cell-group>
  </div>
</template>

<style scoped>
.security-box {
  padding: 30px 10px;
}
.van-cell {
  /* padding: 0; */
}
.security-box h2 {
  font-size: 36px;
  text-align: center;
}
.security-box .code {
  text-align: center;
  font-size: 18px;
}
.custom-tag {
  font-size: 24px;
  padding: 4px 5px;
}
.security-box :deep() .van-cell__title,
.security-box :deep() .van-cell__value {
  flex: none;
  color: #000;
}
.security-box :deep() .van-cell__title {
  text-align: right;
  width: 30%;
}
</style>